<template>
  <div class="swiper-container" :class="qualityclass">
    <div class="swiper-wrapper">
      <slot></slot>
    </div>
    <div class="swiper-pagination"></div>
  </div>
</template>

<script>
import Swiper from 'swiper'
import 'swiper/css/swiper.css'
export default {
  props: ['qualityobj', 'qualityclass'],
  mounted () {
    new Swiper('.' + this.qualityclass, this.qualityobj)
  }
}
</script>
